<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>窝边草</title>
        <link rel="stylesheet" type="text/css" href="../page/wobiancao/index.css">
        <link rel="stylesheet" type="text/css" href="../util/page/paging.css">
        <link rel="stylesheet" type="text/css" href="../page/common/layout.css">
        <script type="text/javascript" src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="../util/dot.js"></script>
        <script type="text/javascript" src="../util/page/paging.js"></script>
        <script type="text/javascript" src="../util/font/iconfont.js"></script>
        <script type="text/javascript" src="../page/wobiancao/index.js"></script>
    </head>
    <body>
         <header>
               
         
         </header>
         <div class="w">
           <div class="crumb">
               <div class="crumb-con">
                   <a class="link" href="./index.html">商税通</a>
                   <span>></span>
                   <span class="link-text">窝边草</span>
                   
               </div>
               <div class="nav-search">
                   <input type="text" name="">
                   <span class="nav-search-btn">
                       <svg class="search-icon icon" aria-hidden="true">
                                  <use xlink:href="#icon-sousuo2"></use>
                       </svg>
                   </span>
               </div>
           </div>
         </div>
        <div class="w">
            <div class="wbc-content">
                <div class="wbc-navbox1">
                    <div class="wbc-navbox1-lis1">
                        <div class="list-nav">
                            <ul class="navlis">
                                
                            </ul>

                            <div class="wbc-navbox1-checklis">
                                <p class="wbc-lis1-title">已选:</p>
                                <div class="wbc-del-check">
                                    <ul>
                                       <li class="wbc-del-bigli">
                                          <span>全部</span>
                                          <i class="wbc-del-btn">x</i>
                                       </li>
                                        <li class="wbc-del-smallli">
                                          <span>全部</span>
                                          <i class="wbc-del-btn">x</i>
                                       </li> 
                                    </ul>
                                    <span class="clear-check">
                                        <svg class="clear-icon icon" aria-hidden="true">
                                            <use xlink:href="#icon-lajixiang"></use>
                                        </svg>
                                       清除全部
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                </div>
                <div class="sort-box">
                    <ul class="sort-con">
                        <li class="sort-item changered" data-type="default">默认</li>
                        <li class="sort-item" data-type="price">
                            <span>距离</span>
                        </li>
                    </ul>
                    <div class="select">
                        <span>服务社区</span>
                        <select>
                            
                        </select>
                    </div>
                    <div class="sort-section">
                        <input type="text" name="" placeholder="￥">
                        <i>--</i>
                        <input type="text" name=""  placeholder="￥">
                    </div>
                </div>
               
                
                <!-- list 容器 -->
                 <ul class="p-list-con">
              
                </ul>
                <!-- 分页容器 -->
               <div id="page" class="page_div"></div>
            </div>
           
        </div>
        <!-- footer -->
          <footer>
            
         </footer>
       
        <script type="text/javascript" src="../page/wobiancao/index.js"></script>   
    </body>
<!-- 导航 -->
<script type="text/template" charset="utf-8" id="nav">
      {{for(var i=0; i<it.length; i++){ }}
             <li>
                          <span class="list-nav-name">{{=it[i].bigtitle}}</span>
                          <div class="casebtn">
                            <button type="button"  class="changered">全部</button>
                              {{for(var j=0; j<it[i]['case'].length; j++){ }}
                                    <button type="button" value="{{=it[i]['case'][j].case}}">{{=it[i]['case'][j].case}}</button>
                              {{ } }}
                          </div>              
             </li>
      {{ } }}   
</script>
<script type="text/template" charset="utf-8" id="wbclist">
     {{for(var i=0; i<it.length; i++){ }}
          <li class="shop-list" >
                    <a href="./wobiancaodetail.html?{{=it[i].name}}">
                        <img src="../image/image/wobiancao.jpg">
                        <div class="list-lis-detail">
                            <span class="list-lis-title">{{=it[i].name}}</span>
                            <svg class="icon" aria-hidden="true">
                                       <use xlink:href="#icon-dizhi"></use>
                            </svg>
                            <span class="list-lis-location">{{=it[i].location}}</span>
                            <span class="list-lis-distance">{{=it[i].distance}}</span>
                        </div>
                        
                    </a>
          </li>
      {{ } }} 
 </script>
 <script type="text/template" charset="utf-8" id="select">

        <option value="all" checked="checked">不限社区</option>
        {{for(var i=0; i<it.length; i++){ }}
                <option  value="{{=it[i].case}}">{{=it[i].case}}</option>         
        {{ } }}
         
</script>
</html>